<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="author" content="fwrsoft.com fishpro程序鱼">
    <title>FWR-Layui 表单设计器</title>
    <link rel="stylesheet" href="./assets/libs/layui/css/layui.css" /> 
</head>

<body class="layui-layout-body">
    <div style="height: 100%; width: 100%;" id="formdesigner">
        
    </div>
    <script type="text/javascript" src="./assets/libs/layui/layui.js"></script>
    <script type="text/javascript" src="./assets/js/config.js?v=100"></script> 
    <script type="text/javascript" src="./assets/modules/Sortable/Sortable.min.js"> </script> 
    <!--htmlformat 为js-beautify代码-->
    <script type="text/javascript" src="./assets/js/htmlformat.js?v=100"></script> 
    <script type="text/javascript" src="./assets/js/jsformat.js?v=100"></script> 
    <script>
        layui.use(['layer', 'formDesigner'], function () {
            var $=layui.$;
            var formDesigner = layui.formDesigner;
            // formDesigner.render({
            //     elem:'#formdesigner'
            // });
            $.ajax({
                url:'json/demo.json',
                success:function(result){  
                    formDesigner.render({
                        data:result,
                        elem:'#formdesigner'
                    });
                }
            }); 
        }); 
    </script>

</body>

</html>